function Renderable(){}

Renderable.prototype = {
    initRenderable: function (id){
        this._id = id || Utils.guid(this);
    },
    id: function (name){
        return this._id + (name ? '_' + name : '');
    },
    elm: function (name){
        return document.getElementById(this.id(name));
    },
    render: function (holder){
        DOMUtils.fromHTML(this.renderHTML(), holder, 3);
        this.postRender();
    },
    isRendered: function (){
        return this.elm() != null;
    },
    renderHTML: function (){
        return Utils.format('<span id="#{id}"></span>', { id: this.id() });
    },
    postRender: function (){
        
    },
    freeRenderable: function (){
        
    }
};